const HJ=Vue.defineComponent({
	data(){
		return{
			in_price:'',
			out_price:'',
			rate:0.3,
			num:''
		}
	},
	computed:{//计算属性
		cost(){//成本价
			return(this.in_price*this.num).toFixed(2)
		},
		sell(){//卖出价
			return(this.out_price*this.num).toFixed(2)
		},
		fee(){//手续费
			return(this.sell*this.rate*0.01).toFixed(2)
		},
		total(){//赎回获得
			return(this.sell-this.fee).toFixed(2)
		},
		income(){//净收入
			return(this.total-this.cost).toFixed(2)
		}
	},
	template:`
		<h3 align='center'>黄金价格计算器</h3>
		<label>买入单价：</label>
		<input v-model.number="in_price" type="number"> 
		<span>元/克</span> <br>
		<label>卖出单价：</label>
		<input v-model.number="out_price" type="number"> 
		<span>元/克</span> <br>
		<label>手续费率：</label>
		<input v-model.number="rate"  type="number"> 
		<span>%</span> <br>
		<label>购买数量：</label>
		<input v-model.number="num"  type="number"> 
		<span>克</span> <br>
		<hr>
		<p>
			成本价： <i>{{cost}}</i> <br>
			卖出价：<i>{{sell}}</i><br>
			手续费：<i>{{fee}}</i><br>
			赎回获得：<i>{{total}}</i><br>
			净收入：<i>{{income}}</i>
		</p>
	`
		
})